<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <h3>信息调查表单</h3>
    <form action="url" name="information-survey" method="get">

        <!-- 学号 -->
        <div>
            <label for="number">*学号</label>
            <input type="text" name="number" id="number" placeholder="请输入学号" required>
        </div>

        <!-- 姓名 -->
        <div>
            <label for="name">*姓名</label>
            <input type="text" name="name" id="name" placeholder="请输入姓名" required>
        </div>

        <!-- 性别 -->
        <div>
            <label for="">*性别</label>
            <label for="male">男</label>
            <input type="radio" name="gender" id="male" value="male" required>
            <label for="female">女</label>
            <input type="radio" name="gender" id="female" value="female">
        </div>

        <!-- 爱好 -->
        <div>
            <label for="">爱好</label>
            <label for="eat">吃饭</label>
            <input type="checkbox" name="hobby" id="eat" value="eat">
            <label for="sleep">睡觉</label>
            <input type="checkbox" name="hobby" id="sleep" value="sleep">
            <label for="doudou">打豆豆</label>
            <input type="checkbox" name="hobby" id="doudou" value="doudou">
        </div>

        <!-- 故乡 -->
        <div>
            <label for="">故乡</label>
            <select name="province" id="province">
                <option value="">请选择省份---</option>
                <option value="hubei">湖北省</option>
                <option value="hunan">湖南省</option>
                <option value="jiangxi">江西省</option>
            </select>
            <select name="city" id="city">
                <option value="">请选择城市---</option>
                <option value="wuhan">武汉市</option>
                <option value="xiaogan">孝感市</option>
                <option value="huanggang">黄冈市</option>
            </select>
        </div>

        <!-- 自我评价 -->
        <div>
            <label for="self-evalution">自我评价</label>
            <textarea name="self-evalution" id="self-evalution" rows="5"></textarea>
        </div>

        <!-- 提交 -->
        <div>
            <input type="reset">
            <input type="submit">
        </div>
    </form>
</body>

</html>